
$(function (){
    $("#username").focus(function () {
        // alert("haha");
        $("#helpBlock1").html("<font color='red'>*必填&nbsp;</font>用户名可以是2~11位中文或字母，数字，不能有特殊符号");
    }).blur(function(){
        $("#helpBlock1").html("");
        $("#error1").css("display","none");

    }).on("input",function () {
        // alert($(this).val());
        $.ajax({
            type:"post",
            url:"/user/checkUserName",
            data:{userName:$(this).val(),
            },
            dataType:"json",
            beforeSend:function(x){
                x.setRequestHeader("xhr","ajax")
            },
            success:function (data) {
                if (data.code==1){
                    $("#error1").css("display","none");
                    $("#correct1").css("display","block");
                    var m="<font color='#80ff7f'>"+data.msg+"</font>";
                    $("#helpBlock1").html(m);
                }else {
                    var n="<font color='#ff4500'>"+data.msg+"</font>";
                    $("#helpBlock1").html(n);
                    $("#correct1").css("display","none");
                    $("#error1").css("display","block");
                }
            }
        });
    })
    $("#password").focus(function () {
        // alert("haha");
        $("#helpBlock2").html("<font color='red'>*必填&nbsp;</font>密码可以是3~6位字符，不能有中文和特殊符号");
    }).blur(function(){
        $("#helpBlock2").html("");
        $("#error2").css("display","none");
    })
    $("#passwordconfrom").focus(function () {
        // alert("haha");
        $("#helpBlock3").html("<font color='red'>*必填&nbsp;</font>请再次输入密码");
    }).blur(function(){
        $("#helpBlock3").html("");
        $("#error3").css("display","none");
    })
    $("#realname").focus(function () {
        // alert("haha");
        $("#helpBlock4").html("<font color='red'>*必填&nbsp;</font>真实姓名可以是2~5位中文");
    }).blur(function(){
        $("#helpBlock4").html("");
        $("#error4").css("display","none");
    })

    // 性别？


    $("#tel").focus(function () {
        // alert("haha");
        $("#helpBlock6").html("选填，请输入一个11位的手机号");
    }).blur(function(){
        $("#helpBlock6").html("");
        $("#error6").css("display","none");
    })
    $("#email").focus(function () {
        // alert("haha");
        $("#helpBlock7").html("选填，请输入一个常用的邮箱");
    }).blur(function(){
        $("#helpBlock7").html("");
        $("#error7").css("display","none");
    })


    $("#froms").submit(function () {
        console.log("开始检查表单错误");
        var name=$("#username").val();//获取输入框的value值
        var reg=/^[A-Za-z\u4e00-\u9fa50-9]{2,5}$/;
        if(!reg.test(name)){
            $("#helpBlock1").html("<font color='#f00'>用户格式输入有误</font>");
            $("#error1").css("display","block");
            return false;
        }
        reg=/^[a-zA-Z0-9]{3,6}$/;
        if(!reg.test($("#password").val())){
            $("#helpBlock2").html("<font color='#f00'>密码只能是3-6位数字或字母</font>");
            $("#error2").css("display","block");
            return false;
        }
        if($("#password").val()!=$("#passwordconfrom").val()){
            $("#helpBlock3").html("<font color='#f00'>两次密码输入不一致</font>");
            $("#error3").css("display","block");
            return false;
        }
        reg=/^[\u4e00-\u9fa5]{2,5}$/;
        if(!reg.test($("#realname").val())){
            $("#helpBlock4").html("<font color='#f00'>真实姓名只能是2~5位汉字</font>");
            $("#error4").css("display","block");
            return false;
        }
        reg=/^1[3578]\d{9}$/;
        if(!reg.test($("#tel").val())){
            $("#helpBlock6").html("<font color='#f00'>输入的手机号格式有误</font>");
            $("#error6").css("display","block");
            return false;
        }
        reg=/^\w{3,}@[a-zA-Z0-9]{2,}\.[a-z]+(\.[a-z]+)?$/;
        if(!reg.test($("#email").val())){
            $("#helpBlock7").html("<font color='#f00'>输入的邮箱格式有误字</font>");
            $("#error7").css("display","block");
            return false;
        }
        return true;
    })

})